<script lang='ts' setup>
import { reactive,onMounted,ref} from 'vue'

const state = reactive({ 
    tableData: [
		{
			id: 1, 
			date: '2023-12-22',
			week: '星期一',
			six: '女',
			money: '22',
			
		}
	] as Array<any>,
}) 
const props = withDefaults(defineProps<{
    modelValue: boolean,
}>(), {
    modelValue: false, 
})

const emit = defineEmits(['update:modelValue'])

const closeDialog = () => {
    emit('update:modelValue', false)
}

</script>

<template>
    <main>
        <el-dialog v-model="props.modelValue" title="考勤详情" @close="closeDialog" style="width: 1200px;" center>
            <section>
				<el-table :data="state.tableData" style="width: 100%" border> 
					<el-table-column label="日期" prop="date" />
					<el-table-column label="星期" prop="week" />
					<el-table-column label="上班打卡时间" prop="orderPrice" />
					<el-table-column label="上班外勤图片" prop="orderPrice" />
					<el-table-column label="上班外勤备注" prop="orderPrice" />
					<el-table-column label="下班打卡时间" prop="orderPrice" />
					<el-table-column label="下班外勤图片" prop="orderPrice" />
					<el-table-column label="下班外勤备注" prop="orderPrice" />
					<el-table-column label="上下班描述" prop="orderPrice" />
				</el-table>
			</section>
        </el-dialog>
    </main>
</template>

<style lang='scss' scoped>

</style>